@import "~assets/css/less.less";

.detail{text-align:center;
  .top{
    img{display:block;}
    .area{position: absolute; width:100%; top:704/@rem;
      .round{font-size: 24/@rem; text-align: center; line-height: 130/@rem; position: absolute; top: -200/@rem; left: 50%; margin-left: -75/@rem;}
      .image{width:482/@rem; height:361/@rem; overflow:hidden; margin:0 auto;
        img{width:100%;}
      }
      .name{font-size: 50/@rem;color: #fff; margin-top: 30/@rem;}
      .number{font-size: 60/@rem;color: #ffff00; margin-top:5/@rem;}
      .btn{display:block; font-size: 28/@rem; width:480/@rem; color: #01466b; height: 75/@rem; margin:15/@rem auto 0; background: url("~assets/img/home-btn-line.jpg") repeat-x;background-size: auto 100%;line-height: 75/@rem;border: 2px solid #212391;border-radius: 18/@rem;}
    }
  }
  .bottom{clear:both; background:url("~assets/img/detail-bg-2.jpg") repeat-y; padding:35/@rem 0 150/@rem; overflow:hidden;
    .round{font-size: 24/@rem; text-align: center; line-height: 130/@rem; display:block; margin:0 auto;}
    .explain{font-size: 24/@rem; width:639/@rem; height:618/@rem; margin:25/@rem auto 60/@rem; position:relative;
      img{position:relative;}
      div{padding-top:337/@rem; text-align:left; padding-left:80/@rem; position:absolute; top:0;}
      label{color: #d90014;font-weight: normal;}
      p{color: #e69332;font-size: 20/@rem;margin-top: 5/@rem;}
    }
    .c-btn{width: 60%; margin:0 auto; color:#000000;}
  }
}